<template>
  <tbody>
    <h1>
      <slot name="titleBlock">
      </slot>
    </h1>
      <tr v-for="(item,index) in lists" :key="index" >
        <td>
          <slot :indexs ="item.id" name="index">
            {{item.id}}
          </slot>
        </td>
        <td>
          <slot :itemName ="index" name="itNe">
            {{item.name}}
          </slot>
        </td>
        <td>
          <slot :itemPrice ="item.price" name="itPc">
            {{item.price }}
          </slot>
        </td>
        <td>
          <slot :itemTime ="item.time" name="itTe">
            {{item.time}}
          </slot>
        </td>
        <td >
          <slot name ="del">
          </slot>
        </td>
      </tr>
    </tbody>
</template>

<script>
export default {
  data () {
    return {
    }
  },
  props: {
    lists: {
      type: Array,
      required: true
    }
  },
  created () {
  },
  methods: {

  }
}
</script>

<style scoped lang='less'>

</style>
